<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="/assets/jquery.1.11.js"></script>
    <script type="text/javascript" src="/assets/layer/layer.js"></script>
</head>
<body>
<script type="text/javascript">
var json = {
  "title": "我的测试相册", //相册标题
  "id": 1, //相册id
  "start": 2, //初始显示的图片序号，默认0
  "data": [   //相册包含的图片，数组格式
    {
      "alt": "<a href='pro.html'>图片名1</a>",
      "pid": 1, //图片id
      "src": "/uploads/1920/1.jpg", //原图地址
      "thumb": "" //缩略图地址
    },
    {
      "alt": "图片名2",
      "pid": 2, //图片id
      "src": "/uploads/1920/2.jpg", //原图地址
      "thumb": "" //缩略图地址
    },
    {
      "alt": "图片名3",
      "pid": 3, //图片id
      "src": "/uploads/1920/3.jpg", //原图地址
      "thumb": "" //缩略图地址
    },
  ]
};
layer.photos({
    photos: json,
    shift: 6 //0-6的选择，指定弹出图片动画类型，默认随机
});
</script>
</body>
</html>